$(document).ready(function() {
	$("div.panel_button").click(function(){
		$("div#panel").animate({
			left: "0px"
		}, "fast");
		$(".panel_button").animate({
			left: "150px"
		}, "fast");
		$("div.panel_button").toggle();
	});	
   $("div.hide_button").click(function(){
		$("div#panel").animate({
			left: "-150px"
		}, "fast");
		$(".panel_button").animate({
			left: "0px"
		}, "fast");
   });


	$('#jscolorInput').change(function() {
		var color = '#'+$(this).val();
		$('style#colors').text('#slideshow, input[type=submit], button, .readon, .pricing-table.orange-style .action a, .plusSlider-controls a, .to_cart .addtocart { background-color:' + color + ';}      a, .intro-text, .features .item h3, #simple-tabs ul.tabs li.active a, .tabs-clean-style ul.tabs li.active a, .pricing-table.orange-style, .maintop .item h3, .main-content h1.title, .executives .name {color:' + color + ';}   img.shadow:hover, ul.gallery li a img:hover {-moz-box-shadow: 0 0 5px #' + color + ';-webkit-box-shadow: 0 0 5px ' + color + '; box-shadow: 0 0 5px ' + color + '; border: 1px solid ' + color + ';} ::-moz-selection {  background: ' + color + '; } ::selection { background: ' + color + '; }      input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { -moz-box-shadow: 0 0 3px ' + color + ';-webkit-box-shadow: 0 0 3px ' + color + '; box-shadow: 0 0 3px ' + color + '; border: 1px solid ' + color + '; }    .pricing-table.orange-style .promoted .box-inner {border-color:' + color + '; }     ');
	});
	
	$('.presets li').click(function() {
		var prs_color = $(this).css('background-color');
		$('style#colors').text('#slideshow, input[type=submit], button, .readon, .pricing-table.orange-style .action a, .plusSlider-controls a, .to_cart .addtocart { background-color:' + prs_color + ';}      a, .intro-text, .features .item h3, #simple-tabs ul.tabs li.active a, .tabs-clean-style ul.tabs li.active a, .pricing-table.orange-style, .maintop .item h3, .main-content h1.title, .executives .name {color:' + prs_color + ';}   img.shadow:hover, ul.gallery li a img:hover {-moz-box-shadow: 0 0 5px #' + prs_color + ';-webkit-box-shadow: 0 0 5px ' + prs_color + '; box-shadow: 0 0 5px ' + prs_color + '; border: 1px solid ' + prs_color + ';} ::-moz-selection {  background: ' + prs_color + '; } ::selection { background: ' + prs_color + '; }      input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { -moz-box-shadow: 0 0 3px ' + prs_color + ';-webkit-box-shadow: 0 0 3px ' + prs_color + '; box-shadow: 0 0 3px ' + prs_color + '; border: 1px solid ' + prs_color + '; }    .pricing-table.orange-style .promoted .box-inner {border-color:' + prs_color + '; }     ');
	});
	
	$('#headers').change(function() {
		var style = $(this).val();
		$('#header').attr('class',style);
	})
	
	$('#font_list').change(function(){
		var fontval = $("#font_list option:selected").val();
		var fontname = $("#font_list option:selected").text();
		$('link#google_font').attr({href:'http://fonts.googleapis.com/css?family=' + fontval + ':regular,italic,bold,bolditalic'});
		$('style#font_styles').text('h1, h2, h3, h4, h5, h6, .readon, .error404, .pricing-table .box .title, .swapper h3, #testimonials blockquote h6, #top-link, .to_cart .addtocart { font-family:"' + fontname + '", Arial, sans-serif; }');
	});
	
	
	
});
